@import "./variables.scss";

// el-input样式
::v-deep .el-input__inner,
::v-deep .el-textarea__inner,
::v-deep .el-tree,
::v-deep .is-disabled .el-input__inner,
::v-deep .el-date-editor .el-range-input,
::v-deep .el-textarea .el-textarea__inner {
  background-color: transparent;
  color: $textColor;
  border-radius: 0;
  border-color: $inputBorderColor;
}

// el-tree
::v-deep .el-tree-node__content:hover {
  background-color: #15a0ca;
}

::v-deep .el-tree-node:focus>.el-tree-node__content {
  background-color: #15a0ca;
}

::v-deep .el-tree--highlight-current ::v-deep .el-tree-node.is-current>.el-tree-node__content {
  background-color: #15a0ca !important;
}

// el-table样式
::v-deep .el-table {
  background-color: transparent;
  color: $textColor;
  // height: 60vh;

  &::before {
    background-color: transparent;
  }

  &::after {
    width: 0;
  }
}

::v-deep .el-table__empty-text {
  color: $textColor;
  font-size: 18px;
}

::v-deep .el-table .el-table-column--selection>.cell {
  white-space: nowrap;
  overflow: auto;
  padding-right: 10px;
}

::v-deep .el-table th {
  background-color: #006e91;
}

::v-deep .el-table tr,
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: transparent;
}

// 解决竖线对不齐
::v-deep .el-table th.gutter {
  display: table-cell !important;
}

::v-deep .el-table td,
::v-deep .el-table th.is-leaf,
::v-deep .el-table--border,
::v-deep .el-table--group {
  border-left: 0;
  // margin-top: -0.5px;
  border-color: #0091b7;
}

::v-deep .el-table-column--selection {
  border-left: 1px solid #0091b7 !important;
}

::v-deep .el-table .el-table__row--striped {
  background-color: #004e65;
}

::v-deep .el-table thead {
  color: $textColor;
  font-weight: bold;
}

::v-deep .el-table td,
::v-deep .el-table th {
  text-align: center;
}

// 表格hover及选中样式
::v-deep .el-table tr:hover,
::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td,
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
::v-deep .el-table__body tr.current-row>td {
  background-color: #15a0ca;
}

// el-checkbox
::v-deep .el-checkbox .is-checked .el-checkbox__inner,
::v-deep .el-checkbox .is-indeterminate .el-checkbox__inner {
  background-color: #61aa47;
  border-color: #61aa47;
}

// el-form
::v-deep .el-form {
  .el-form-item__label {
    color: $textColor;
    white-space: nowrap;
  }
}

// el-loading-mask
::v-deep .el-loading-mask {
  background-color: transparent;
}

// el-date-editor
::v-deep .el-range-separator {
  color: $textColor;
}

//进度条文字颜色
::v-deep .el-progress__text {
  color: $textColor;
}

::v-deep .el-upload--picture-card {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #6ecae3;
}

::v-deep .el-upload--picture-card {
  position: relative;
}

::v-deep .el-upload--picture-card .el-icon-plus {
  font-size: 34px;
  color: #6ecae3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

::v-deep .el-dialog__body {
  height: 90%;
  text-align: center;

  img {
    width: 100%;
  }
}

::v-deep .el-upload__tip {
  display: none;
}


// 弹出框  统一样式
::v-deep .el-dialog__wrapper {
  background-color: rgba(124, 143, 143, 0.6);

  .el-dialog {
    background-color: rgba(240, 243, 247, 1);
    // width: 55% !important;
    min-width: 55%;
    border: #000 1px solid;
    border-radius: 9px;
    overflow: hidden;
    color: #000;

    .el-dialog__header {
      width: 100%;
      background-color: rgba(0, 110, 145, 1);
      padding: 15px;

      .el-dialog__title {
        font-weight: 700;
        color: $textColor;
      }

      .el-dialog__close {
        font-size: 22px;
        color: $textColor;
        font-weight: 700;
      }
    }

    .el-dialog__body {
      // overflow: hidden;

      overflow-y: auto;

      .el-input__inner {
        color: #000;
        border-color: rgba(217, 217, 217, 1);
        background-color: rgba(255, 255, 255, 1);
      }

      .el-textarea__inner {
        color: #000;
        border-color: rgba(217, 217, 217, 1);
        background-color: rgba(255, 255, 255, 1);
      }

      .el-form {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;

        .total-price {
          color: #000;
        }

        .el-row {
          width: 100%;
          margin-bottom: 10px;

          .el-table {
            max-height: 200px;
            overflow-y: auto;
            background-color: rgba(255, 255, 255, 1);

            .cell {
              color: #000;
            }

            th {
              background-color: rgba(230, 230, 230, 1);
            }

            th.is-leaf {
              border-color: rgba(77, 77, 77, 1);
            }

            td {
              border-color: rgba(77, 77, 77, 1);
            }

            tr:hover {
              background-color: rgba(77, 77, 77, 1);
            }

            .el-table__empty-text {
              color: #000;
            }

            .current-row {
              // background-color: rgb(177, 177, 177);
              background-color: #dbdbdb !important;
            }

            .el-table__row--striped {
              background-color: rgba(255, 255, 255, 1);
            }

            // color: #000;
          }

          .el-table--border {
            border-color: rgba(77, 77, 77, 1);
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
          }

          .el-table--enable-row-hover .el-table__body tr:hover>td {
            background-color: rgb(177, 177, 177);
          }

          .el-table__body tr.current-row>td {
            background-color: #dbdbdb !important;
          }

          // .el-button {
          //   width: 100%;
          // }
          .el-form {

            // width: 100%;
            // margin: ;
            .el-form-item {
              margin-bottom: 0 !important;
            }

            .el-form-item__content {
              display: flex;
              width: 100%;

              .el-select {
                min-width: 15%;
              }

              .el-input {
                min-width: 10%;
              }

              .el-input__inner {
                border-right: none;
              }

              .el-button {
                min-width: 5%;
                margin-left: 10px;
              }
            }
          }
        }

        .el-form-item {
          display: flex;
          // align-items: flex-start;
          align-items: center;

          .el-form-item__label {
            line-height: 36px;
            min-width: 120px;
            text-align: end;
          }

          .el-form-item__content {
            line-height: 36px;
            width: 100%;
            display: flex;
            // flex-direction: row;
            flex-wrap: wrap;
          }
        }
      }
    }

    .el-dialog__footer {
      width: 100%;
      border-top: 1px solid rgba(191, 191, 191, 1);
      position: inherit;
      text-align: right;
      padding: 15px;
    }

    .el-form-item__label {
      color: #000;
      font-weight: 400;
      font-size: 16px;
    }
  }
}